<template>
  <div>
    <div class="place-holder"></div>
    <div id="html" class="flex-center"></div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      html: "",
    };
  },
  created() {
    this.html = this.$route.params.html;
  },
  mounted() {
    let node = document.querySelector("#html");
    node.innerHTML = this.html;
  },
};
</script>

<style lang="scss" scoped>
@import "~@/styles/mixin.scss";
#html {
  align-items: flex-start;
  max-height: calc(100vh - 1rem);
  overflow-y: auto;
  @include scrollBar;
  width: 100%;
  min-height: 3rem;
  color: white;
}
.place-holder {
  height: 1rem;
}
</style>